@charset "utf-8";
body{
    height: 3000px;
}
#container{
    /* border: 2px solid red; */
    border-radius: 10px;
    width: 1130px;
    height: 285px;
    position: absolute;
    overflow: hidden;
    /* z-index: -1; */
    
}
#prev_btn,#next_btn{
    width: 40px;
    height: 40px;
    background: rgba(39, 39, 39, .7);
    display: inline-block;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: 143px;
    left: 15px;
    z-index:999;
    cursor: pointer;
    display: none;
}
/* #prev_btn{
    z-index: 999; 
} */
#next_btn{
    position: absolute;
    top: 143px;
    left:1050px;

    
}
#prev_btn img{
    margin:10px 0 0 8px;
    width: 20px;
    height: 20px;
    
}
#next_btn img{
    margin: 10px 0 0 8px;
    width: 20px;
    height: 20px;
}
/* #banner_container{
    width: 600%;
} */
#banner_container{
    position: absolute;
    
    /* transition: all .5s; */
    width: 5650px;
    
    
    
}
#banner_container li{
    list-style: none;
    float: left;
    width: 1130px;
    height: 285px;
    position: relative;
   
    
}
#banner_container li img{
    width: 1130px;
    height:285px;
    position: absolute;
    z-index: -1;
   
}
.box img{
    width:210px;
    height: 173px;
    
}
.main-wrap p a{
    float: left;
    font-size: 16px;
    color: #000;
    margin-right: 50px;
   height: 50px;
   display: block;
   /* border-bottom: 2px solid #000; */
   line-height: 50px;
}
.main-wrap p:nth-child(1) a{
    border-bottom: 2px solid #000;
}
.main-wrap p:nth-child(2) a:hover{
    border-bottom: 2px solid #000;
}
/* 1 */
.container {
    width: 210px;
    height: 308px;
   background: white;
    margin-bottom: 10px;
}

.container img {
    width: 100%;
    height: 158px;
    border-radius: 10px 10px 0 0;
}

.text {
    height: 40px;
    width: 198px;
    margin-top: 20px;
    padding-left: 10px;
    border: 1px solid #fff;
    
}

.text p {
    font-size: 14px;
    line-height: 20px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.p1 {
    font-size: 12px;
    color: gray;
}

.review {
    height: 20px;
    padding-left: 10px;
    margin-top: 10px;
}

.review i,
.review span {
    font-size: 12px;

}

.review span {
    margin-left: 6px;
}

.user {
    height: 42px;

    width: 200px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.user img {
    width: 26px;
    height: 26px;
    border-radius: 26px;

}

.user p {
    font-size: 12px;
    color: gray;
    margin-left: 60px
}
.numBtnBox div{
    width: 40px;
    height: 40px;
    float: left;
    background: #fff;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.numBtnBox div:hover{
     background: yellow;
}
.returnTop{
     height: 50px;
     width: 50px;
     position: fixed;
     bottom:150px;
     background: rgba(0,0,0,.4);
     right: 0;
}
.returnTop p{
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
}